<template>
    <div class="flex">
        <y-trend text="营业额"></y-trend>
        <y-trend text="销售额" mode="down"></y-trend>
    </div>
    <div class="flex">
        <y-trend upIconColor="#22A6F2">
            <template #text>slot文本</template>
        </y-trend>
    </div>
    <div class="flex">
      <y-trend text="营业额" upTextColor="#22A6F2">
      </y-trend>
      <y-trend text="销售额" upTextColor="#1ECC4D">
      </y-trend>
    </div>
    <div class="flex">
      <y-trend text="营业额" upIcon="CaretTop">
      </y-trend>
      <y-trend text="销售额" downIcon="CaretBottom" mode="down">
      </y-trend>
    </div>
</template>

<script setup lang="ts">

</script>

<style scoped lang="scss">
.flex{
    display: flex;
    >div{
         margin-right: 12px;
    }
}
</style>
